<!--
 * @Author: your name
 * @Date: 2021-03-25 09:07:37
 * @LastEditTime: 2021-03-25 10:21:49
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \tiny-heart-master\birthday-mobile\Memories.html
-->
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no"
    />
    <title>Happy Birthday</title>
    <link rel="stylesheet" href="css/jquery.fullPage.css" />
    <link rel="stylesheet" href="css/memories.css" />
  </head>

  <body>
    <!-- 背景音乐 -->
    <div style="display: none">
      <!-- 网易云外链 -->
      <iframe
        frameborder="no"
        border="0"
        marginwidth="0"
        marginheight="0"
        width="330"
        height="86"
        src="https://music.163.com/outchain/player?type=2&id=480353&auto=1&height=66"
      ></iframe>
    </div>
    <div class="bgcolor">
      <div style="z-index: 100" id="dowebok">
        <!--第一屏-->
        <div class="section">
          <div class="ly-box01">
            <div class="ly-txt01">
              <p class="ly-stxt01">
                真真，生日快乐，祝你幸福快乐，天天开心！
              </p>
              <p class="ly-stxt02">XXXXXXX生XXXXXXXXX</p>
              <p class="ly-stxt03">XXXXXXXX日XXXXX</p>
              <p class="ly-stxt04">XXXXXXXXXXX快XX乐XXXXXXX</p>
              
            </div>
            <div class="ly-txt02">
              <p class="ly-stxt06">XXXXXXXX真XXXXXX</p>
              <p class="ly-stxt07">XXXXXXXXXX真XXXXXXXXXXX</p>
              <p class="ly-stxt08">XXXXXXXXXXXX小XXXX</p>
              <p class="ly-stxt09">XXXXXXXXX姐XX姐XXXX</p>
              <p class="ly-stxt10">XXXXXXXXXXXXXXXXXXXXX</p>
            </div>
          </div>
        </div>

        <!--第二屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">
            <div class="ly-txt11">2021</div>
            <div class="ly-txt12">真真小姐姐</div>
            <div class="ly-imgbox11">
              <img class="ly-img11" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box12">
            <div class="ly-txt13">2021</div>
            <div class="ly-txt14">
            
              <p>XXXXXXXXX真XXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXX真XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXX小XXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXX姐XXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXX姐XXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXX生XXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX日XXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX快XXXXXXXXXX</p>
              <p>XXXXXXXXXXXXX乐XXXXXXXXXXX</p>
            </div>
          </div>
          <div class="ly-triangle12"></div>
        </div>

        <!--第三屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
            <div class="ly-txt21">2021</div>
            <div class="ly-txt22">
              <p>XXXX生XXXXXXXX</p>
              <p>XXXXX日XXXXXXX</p>
              <p>XXXXXX快XXXXXX</p>
              <p>XXXXXXX乐XXXXX</p>
            </div>
            <div class="ly-imgbox21">
              <img class="ly-img21" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
            <div class="ly-txt23">2021</div>
            <div class="ly-txt24">
              <p>XXX生日XXXXXXXX</p>
              <p>XXXX快乐XXXXXXX</p>
            </div>
            <div class="ly-imgbox22">
              <img class="ly-img22" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box23">
            <div class="ly-txt25">2021</div>
            <div class="ly-txt26">
              <p>XXXXHappyXXXXXXXXXXX</p>
              <p>XXXXXBirthdayXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox23">
              <img class="ly-img23" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div>

        <!--第四屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint31"></div>
          <div class="ly-box31">
            <div class="ly-txt31">2021</div>
            <div class="ly-txt32">
              <p>XXXXXXXXXX生日XXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXX快乐XXXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox31">
              <img class="ly-img31" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle31"></div>

          <div class="ly-box32">
            <div class="ly-txt33">2021</div>
            <div class="ly-txt34">
              <p>XXXXXXXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox31">
              <img class="ly-img31" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle32"></div>
        </div>

        <!--第五屏-->
        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box52">
            <div class="ly-txt21">2021</div>
            <div class="ly-txt22">
              <p>XXXXX依旧XXXXXX</p>
              <p>XXXXX漂亮美丽XXX</p>
            </div>
            <div class="ly-imgbox21">
              <img class="ly-img21" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
            <div class="ly-txt23">2021</div>
            <div class="ly-txt51">
              <p>XXXXX超级XXXXXX</p>
              <p>XXXXXX大美女XX</p>
            </div>
            <div class="ly-imgbox22">
              <img class="ly-img22" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box51">
            <div class="ly-txt25">2021</div>
            <div class="ly-txt26">
              <p>XXXXXXX可爱XXX</p>
              <p>XXXXXXXXXX迷人XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox23">
              <img class="ly-img23" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div>

        <!--第六屏-->
        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
            <div class="ly-txt21">2021</div>
            <div class="ly-txt22">
              <p>XXXX快XXXX</p>
              <p>XXXXX乐XXXX</p>
              <p>XXXXX无XXXX</p>
              <p>XXXXXX比XX</p>
              <p>XXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox21">
              <img class="ly-img21" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
            <div class="ly-txt23">2021</div>
            <div class="ly-txt24">
              <p>XXXX幸福XXXXXXX</p>
              <p>XXXXXX可爱XXX</p>
            </div>
            <div class="ly-imgbox22">
              <img class="ly-img22" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box23">
            <div class="ly-txt25">2021</div>
            <div class="ly-txt61">
              <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1" style="display: none">
                永远都要幸福哦。
              </p>
            </div>
            <div class="ly-imgbox61">
              <img class="ly-img61" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div>

        <!--第七屏-->
        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint71"></div>
          <div class="ly-box21 xx71">
            <div class="ly-txt21">2021</div>
            <div class="ly-txt22">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox21">
              <img class="ly-img21" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle21 xx72"></div>

          <div class="ly-box71">
            <div class="ly-txt23">2021</div>
            <div class="ly-txt71">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox71">
              <img class="ly-img71" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box72">
            <div class="ly-txt25">2021</div>
            <div class="ly-txt72">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox72">
              <img class="ly-img72" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle71"></div>

          <div class="ly-box73">
            <div class="ly-txt25">2021</div>
            <div class="ly-txt73">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox73">
              <img class="ly-img73" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle72"></div>
        </div>

        <!--第八屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box81">
            <div class="ly-txt11">2021</div>
            <div class="ly-txt82">
              <p>XXXXXXXXXXXXXXXXX</p>
              <p>XXXXX不错XXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox81">
              <img class="ly-img81" src="img/1.png" />
            </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box82">
            <div class="ly-txt13">2021</div>
            <div class="ly-txt84">
              <p class="wwww1">XXXXXXXX哈哈XXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">XXXXXXXXXX我XXXX</p>
            </div>
          </div>
          <div class="ly-triangle82"></div>
        </div>

        <!--第九屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint91"></div>
          <div class="ly-box21 xx91">
            <div class="ly-txt21">2021</div>
            <div class="ly-txt90">
              <p>XXXXXX小XXXXXX</p>
              <p>XXXXXXX姐XXXX</p>
              <p>XXXXXXXXX姐XXX</p>
            </div>
            <div class="ly-imgbox21 xx94">
              <img class="ly-img21" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle21 xx92"></div>

          <div class="ly-box91">
            <div class="ly-txt23">2021</div>
            <div class="ly-txt91">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXX真真XXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox91">
              <img class="ly-img91" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle22 xx92"></div>

          <div class="ly-box92">
            <div class="ly-txt25">2021</div>
            <div class="ly-txt92">
              <p>XXXXX真真XXXXX</p>
              <p>XXXXX小姐姐XXXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox92">
              <img class="ly-img92" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle91"></div>

          <div class="ly-box93">
            <div class="ly-txt25">2021</div>
            <div class="ly-txt93">
              <p>XXXXXXXXXXXXXX</p>
              <p>XXXX超级美女XXXXXX</p>
              <p>XXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox93">
              <img class="ly-img93" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle92"></div>
        </div>
        <!--第十屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box81">
            <div class="ly-txt11">2021</div>
            <div class="ly-txt82" style="top: 8%">
              <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
              <p class="wwww1">X真真小姐姐X</p>
              <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-imgbox81">
              <img class="ly-img81" src="img/1.jpg" />
            </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box82">
            <div class="ly-txt13">2021</div>
            <div class="ly-txt84">
              <p>真真小姐姐</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
            </div>
          </div>
          <div class="ly-triangle82"></div>
        </div>
      </div>
      <!--动态方块-->
      <ul class="bg-bubbles">
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
      </ul>
    </div>
    <!-- <audio muted src="music/1.mp3" autoplay="autoplay" loop="loop"></audio> -->
    <audio src="music/3.mp3" autoplay="autoplay" loop="loop"></audio>
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <!-- <script src="js/auto-play.js"></script> -->
    <script src="js/memories.js"></script>
  </body>
</html>
